<html>
    <head>
        <meta charset="utf-8">
        <title>君莫笑</title>
    </head>
<body>
    <h2>表单</h2>
    <form action="/" method="post">
        <!-- 文本输入框-->
        <label for = "name">用户名:</label>
        <input type = "text" id = "name" name = "name" required>
        <!--<lable> 是一个标签元素,用于描述表单字段的用途-->
        <!--for = "name" : 表示这个标签与id为"name"的表单元素相关联-->
        <!--用户名:是显示给用户的信息-->
        <!--input:是一个输入元素-->
        <!--type = "text" : 表示这是一个文本输入框-->
        <!--id = "name" : 是这个元素的唯一标识符,与上面的label相关联-->
        <!-- name = "name" : 是表单提交时用于标识这个字段的名称-->
        <!--required: 表示这个字段是必填项,提交前必须填写-->
        <br>
        <!-- 密码输入框-->
        <label for = "password"> 密码:</label>
        <input type = "text" id = "password" name = "password" required>
        <br>
        <!-- 单选按钮-->
        <label>性别:</label>
        <input type = "radio" id = "male" name = "gender" value="male" checked>
        <!--redio:radio button 单选按钮-->
        <label for = "male">男</label>
        <input type = "radio" id = "female" name = "gender" value="female">
        <label for = "female"> 女</label>
        <br>
        <!-- 复选框-->
        <input type=" cheakbox" id = "subscribe" name = "subscribe" checked>
        <label for = "subscribe">订阅推送信息</label>
        <br>
        <!-- 下拉列表-->
        <label for = "country">国家:</label>
        <select id = "country" name = "country">
            <option value="cn"></option>
            <option value="usa"></option>
            <option value="uk"></option>
        </select>
        <br>
        <!-- 提交按钮-->
        <input type="submit" value=" 提交">
    </form>
</body>
</html>